<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gallery</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<div id="gallery">
		<div id="imagearea">
			<div id="image">
				<a href="javascript:slider.nextImage(-1)" class="imgnav "
					id="previmg"></a> <a href="javascript:slider.nextImage(1)"
					class="imgnav " id="nextimg"></a>
			</div>
		</div>
		<div id="pictureswrapper">
			<div id="picturesarea">
				<ul id="pictures">
					<li value="1"><img src="../images/pictures/1.svg" 
						 /></li>
					<li value="2"><img src="../images/pictures/2.svg" 
						 /></li>
					<li value="3"><img src="../images/pictures/3.svg" 
						 /></li>
					<li value="4"><img src="../images/pictures/4.svg" 
						 /></li>
					<li value="5"><img src="../images/pictures/5.svg" 
						 /></li>
				</ul>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		var imgid = 'image', imgdir = '../images/pictures', imgext = '.svg', picsid = 'pictures', auto = false;
	</script>
	<script type="text/javascript" src="slider.js"></script>
</body>
</html>